<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>给DOM对象添加的属性是一个对象的引用</title>
</head>
<body>
<div id="div">div..</div>
<button id="button">btn</button>
</body>
<script>
    // 引入Elements这个方法是为了方便在浏览器后台查看button这个元素内存情况
    function Elements(id){
        this.btn = document.getElementById(id)

    }
    var ele = {
        button:new Elements("button")
    }

    function todo(){
        ele.button.btn.onclick=  removeButton
    }

    <!--虽然我们移除了button，但是ele对象里保存着的#button的引用-->
    //在浏览器后台Memory中可以查看到Elements存在
    //解决方法是移除button节点后也移除ele对象的['button']属性  delete ele['button']
    function removeButton(){
        document.body.removeChild(document.getElementById('button'))
        // 如果移除ele的button属性释放内存
        // delete ele['button']
    }

    todo()




</script>
</html>